﻿
@{ Html.Telerik().PanelBar()
		.Name("PanelBar")
        .HtmlAttributes(new { style = "width: 300px" })
		.Items(parent => {
            parent.Add()
                .Text("Pure ASP.NET MVC components")
                /* this panel will be visible initially - no need to get it with ajax */
                .Content(@<text>
					<p>
						Telerik Extensions for ASP.NET MVC is built from the ground up to fully embrace
						the values of the ASP.NET MVC framework - lightweight rendering, clean HTML,
						clear separation of concerns, easy testability - while helping make you more
						productive building MVC views.
					</p>
				</text>);

			parent.Add()
                .Text("Completely Open Source")
				.LoadContentFrom("AjaxView_OpenSource", "PanelBar")
                .Expanded(true);
				
            parent.Add()
                .Text("Exceptional Performance")
                .LoadContentFrom("AjaxView_ExceptionalPerformance", "PanelBar");

            parent.Add()
                .Text("Based on jQuery")
                .LoadContentFrom("AjaxView_BasedOnJQuery", "PanelBar");

            parent.Add()
                .Text("Wide Cross-browser support")
                .LoadContentFrom("AjaxView_CrossBrowser", "PanelBar");
		})
		.Render();
}
				
@section HeadContent {

    <style type="text/css">
        #PanelBar .t-content p
        {
            margin: 0;
            padding: 1em;
        }
        
    </style>

}

